Ext.define('rangoaqui.view.phone.popUpPromocao', {
    extend: 'Ext.form.Panel',
    alias: 'widget.promocao',
	id: 'promocao',
	config: {
        floating: true,
        centered: true,
        modal: true,
		width: '95%',
		height: '75%',
        styleHtmlContent: false,
		hideOnMaskTap: true,
		itemId: 'editUser',
		
        items: [
					{
							xtype: 'panel',
							itemId: 'dados_promocao',
							tpl: 
								[
									"<div class='imagem-perfil'>",
										"<div class='round' style='background: url({url_img}) no-repeat;'></div>",
										"<p class='nome_promo' style='text-align:center;margin-top:5px'>{nm_promocao}</p>",
										"<p class='nome' style='text-align:center;margin-top:2px'>de {dt_inicio} à {dt_fim}</p>",
									"</div>"
								]
                    },
					
					{
						xtype : 'panel',
						itemId : 'label_desc_promocao',
						style: 'text-lign: justify;font-weight:bolder;color:#9f7f41;margin: auto',
					    tpl: '<p>{ds_promocao}</p>'
					},
					
					{
						xtype: 'toolbar',
						title: 'Promoção!',
						docked: 'top',
						items: [
							{
								xtype: 'button',
								//iconCls: 'delete',
								text: 'fechar',
								iconAlign: 'top',
								action: 'fecharPromocao'
							}
						]
					}
					
                   
                ]
            }
        
		
	
		
});
